<template>
    <view classs="transferPublic">
        <uni-nav-bar fixed left-icon="left" title="移入公海" @clickLeft="backHandle" class="unibarS">
            <block slot="right">
                <text class="sub-btn" @click="submit">提交</text>
            </block>
        </uni-nav-bar>
        <view class="transferPublic-content">
            <u--form labelPosition="top" :model="formData" ref="uForm" labelWidth="80">
                <u-form-item class="item-box" label="备注信息：" labelPosition="top" ref="item1">
                    <u--textarea v-model="formData.remark" border="false" placeholder="请输入备注信息" count
                        style="margin-top: 20rpx; background: #CCCCCC19;"></u--textarea>
                </u-form-item>
            </u--form>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            formData: {
                ids: [],
                // 备注
                remark: ''
            }
        }
    },
    onLoad(options) {
        if(options.id) {
            this.formData.ids.push(options.id)
        }
    },
    methods: {
        submit() {
            this.$http.put('/app/customer/transferHighSeas', this.formData).then(res => {
                let data = res.data
                if (data.code == 200) {
                    uni.showToast({ title: data.msg, duration: 1000 });
                    setTimeout(() => {
                        uni.navigateBack()
                    }, 1000)
                } 
            })
        },
        backHandle() {
            uni.navigateBack()
        }
    }
}
</script>

<style lang="scss" scoped>
.transferPublic-content {
    margin-top: 32rpx;
}
.item-box {
    border-radius: 16rpx;
    background: rgba(255, 255, 255, 1);
    padding: 0 32rpx;
}
</style>